/*样式覆盖*/
$color:#13d4c8;
.color{
  color:$color;
}
.navbar-wrap{ height:45px; }
.navbar-wrap .navbar{
  background:#3c3c3c;
}
.navbar-logo{
  float:left; width:137px;
  position:relative;
  margin-top:10px;
  img{ width:100%; }
}

/*顶部用户*/
.ace-nav>li.light-blue>a {
  background-color: #13d4c8;
}
.nav-list li.active>a:after{
  border-right-color: #13d4c8;
}
.nav-list>li.active:after{
  border: 1px solid #13d4c8;
}
.breadcrumb>li>a {
  color: #13d4c8;
}
.nav-list>li.active>a, .nav-list>li.active>a:hover, .nav-list>li.active>a:focus, .nav-list>li.active>a:active{
  color: #13d4c8;
}
.nav-list>li.open>a {
  color: #13d4c8;
}
.nav-list>li .submenu>li.active>a {
  color: #13d4c8;
}
.nav-list>li>a:hover {
  color: $color;
}
.ace-nav>li.light-blue>a:hover, .ace-nav>li.light-blue>a:focus {
  background-color: #0FE6D9;
}
#container.edui-default{
  padding-bottom:100px;
}
@media screen and (min-width: 768px){
  .modal-dialog {
    width: 700px;
  }
}


.table-responsive{ background-color:#fff; overflow:scroll;border:1px solid #ddd; position:relative;
  th{white-space:nowrap;}
}
.check_all.sorting_asc{ background:none!important;}
#dataTableWrap{ .row{ display:none; }}
#dataTable{
  background-color:#fff; border-collapse:collapse;
  margin-left:-1px;

    th{
      padding:8px 30px; position:relative;
      &:after{
        position:absolute; right:10px; top:10px;
      }
    }
    .sorting_asc:after{
      top:13px;
    }
    .sorting_desc:after{
      top:7px;
    }
}
.form-actions{
  position: fixed;
  bottom: 0;
  right: 0;
  left: 190px;
  margin-bottom:0!important;
}
.dataTables-info{
  background:#eff3f8; overflow:hidden;
  position: fixed;
  bottom: 0;
  right: 20px;
  left: 210px;
  .row{
    margin:0;
    border-top:1px solid #ddd;
    padding-top:12px;
    padding-bottom:12px;
    background-color:#eff3f8;
    border-bottom:1px solid #ddd;
  }
  .btns{
    font-size:0;
    button{
      margin-right:10px;
    }
    a{ text-decoration:none; color:#fff; margin-right:10px; }
    a:hover{ color:#fff; }
    i{
      display:inline;
      margin-right:4px;
    }
  }
}
.menu-min.sidebar+.main-content .dataTables-info{
  left:63px;
}
.menu-min.sidebar+.main-content .form-actions{
  left:43px;

}
.preview_img{
  max-width:200px;

}
.modal_header{ margin-top:-20px; margin-bottom:20px; }
#pagination{
  text-align:right;
  .pagination{
    display:inline-block;
    padding-left:0;
    margin:0 12px;
    border-radius:4px;
    a, span{
      position:relative;
      float:left;
      padding:6px 12px;
      width:33px; height:33px;
      margin-left:-1px;
      line-height:1.428571429;
      text-decoration:none;
      background-color:#fff;
      border:1px solid #ddd;
      color:#13d4c8;
    }
    .pg-prev-disabled, .pg-next-disabled{
      background-color:#f9f9f9;
      border-color:#d9d9d9;
      cursor:not-allowed;
      color:#999;
    }
    .pg-current{
      background-color:#13d4c8;
      border-color:#13d4c8;
      color:#fff;
      text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
    }
  }

}
.detail_table{
  table{
    td{ border:1px solid #ddd; padding:8px 10px;}
    h3,td{
      font-size:12px; margin:0;
    }
    .ms-formbody{
      background:#f6f6f6;
    }
  }
}
.pictures_item,.tools_item{ margin-left:10px; position:relative;
  .edit_input{
    position:absolute; width:100px; line-height:22px; left:0; top:0; height:22px; margin:0!important; padding:0!important; display:none; z-index:999;
  }
}
.picture_option{
  display:none;
  float:right;
  margin:0 5px;
}
.check_all.sorting_asc,.no_sort.sorting_asc{
  cursor:default!important;
  &:after{
    content:''!important;
  }
}
.thumb_50_50{
  max-width:50px; margin:0 auto;
  img{
    width:50px; max-height:50px;max-width:50px;
  }
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
  vertical-align:middle;
}
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
  //background-color: #f9f9f9;
}

//.upload_btn{ display:none;}
@media only screen and (max-width: 991px){
  .dataTables-info{
    left:0;
  }
  .form-actions{
    left:0;
  }
}

